﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>@CommonAppService.Current.GetSettingValue("CMS", "Name")</title>
    <link href="~/App_Content/style/main.css?r=1" rel="stylesheet" />
    @RenderSection("Head", false)
 
    @{
        var defaultShareUrl = string.Format("http://{0}", VariableHelper.Request_UrlHost);

        var defaultShareIconUrl = "/App_Content/2.0/images/Logo.png?20191116";
        var defautShareTitle = "汽湃智讯网";
        var defaultShareContent = "汽湃新媒体集群专注于观察汽车市场，评析业界动向，解剖行业趋势，引领汽车生活";
        defaultShareIconUrl = string.Format("http://{0}{1}", VariableHelper.Request_UrlHost, defaultShareIconUrl);
    }
    @Html.Hidden("shareTitle", string.IsNullOrEmpty(ViewBag.ShareTitle) ? defautShareTitle : (string)ViewBag.ShareTitle)
    @Html.Hidden("shareContent", string.IsNullOrEmpty(ViewBag.ShareContent) ? defaultShareContent : (string)ViewBag.ShareContent)
    @Html.Hidden("shareImage", string.IsNullOrEmpty(ViewBag.ShareImage) ? defaultShareIconUrl : (string)ViewBag.ShareImage)
    @Html.Hidden("shareUrl", string.IsNullOrEmpty(ViewBag.ShareUrl) ? defaultShareUrl : (string)ViewBag.ShareUrl)

</head>
<body>
    <div id="container">
        <div id="nav-wrap">
            <div id="nav">
                <a href="/" class="logo"></a>
                <ul>
                    <li class="@(ViewBag.Nav == "Index" ? "active" : "")"><a href="/"><p><i>首页</i>HOME</p></a></li>
                    <li class="@(ViewBag.Nav == "Media" ? "active" : "")"><a href="@Url.Action("Detail", "Catalogs", new { Key = "Media" })"><p><i>媒体精选</i>MEDIA</p></a></li>
                    <li class="@(ViewBag.Nav == "Service" ? "active" : "")"><a href="@Url.Action("Detail", "Catalogs", new { Key = "Service" })"><p><i>客户服务</i>SERVICES</p></a></li>
                    <li class="@(ViewBag.Nav == "News" ? "active" : "")"><a href="@Url.Action("Detail", "Catalogs", new { Key = "News" })"><p><i>新媒资讯</i>NEWS</p></a></li>
                    <li class="@(ViewBag.Nav == "About" ? "active" : "")"><a href="@Url.Action("Detail", "Catalogs", new { Key = "About", VView = "DetailForAbout" })"><p><i>关于葫芦圈</i>ABOUT US</p></a></li>
                </ul>
            </div>
            <div id="nav-bg"></div>
        </div>

        <div id="nav-s">
            <a href="#" class="btn-menu"></a>
            <a href="/" class="logo"></a>
        </div>
        <ul id="nav-s-ul">
            <li class="@(ViewBag.Nav == "Index" ? "active" : "")"><a href="/"><p><i>首页</i>HOME</p></a></li>
            <li class="@(ViewBag.Nav == "Media" ? "active" : "")"><a href="@Url.Action("Detail", "Catalogs", new { Key = "Media" })"><p><i>媒体精选</i>MEDIA</p></a></li>
            <li class="@(ViewBag.Nav == "Service" ? "active" : "")"><a href="@Url.Action("Detail", "Catalogs", new { Key = "Service" })"><p><i>客户服务</i>SERVICES</p></a></li>
            <li class="@(ViewBag.Nav == "News" ? "active" : "")"><a href="@Url.Action("Detail", "Catalogs", new { Key = "News" })"><p><i>新媒资讯</i>NEWS</p></a></li>
            <li class="@(ViewBag.Nav == "About" ? "active" : "")"><a href="@Url.Action("Detail", "Catalogs", new { Key = "About", VView = "DetailForAbout" })"><p><i>关于葫芦圈</i>ABOUT US</p></a></li>
        </ul>
        <div id="slider" class="sl-slider-wrapper" style="height: 643px;">
            <div class="slider-imgs">

                <div class="slider-imgs-item" style="background-image:url(/App_Content/images/banner-1.jpg);opacity:0;">
                </div>
                <div class="slider-imgs-item" style="background-image:url(/App_Content/images/banner-4.jpg);opacity:0;">
                </div>
                <div class="slider-imgs-item" style="background-image:url(/App_Content/images/banner-5.jpg);opacity:0;">
                </div>
            </div>
            <ul class="slider-pager">
                <li class="on"><i></i></li>
                <li><i></i></li>
                <li><i></i></li>
            </ul>
        </div>
        @RenderBody()
    </div>
    <!--通用底部 开始-->
    <div class="footer">
        <div class="footer-wrap">
            <h3>@CommonAppService.Current.GetSettingValue("CMS", "Name")</h3>
            <img src="~/App_Content/images/qr.png" class="qr-hlq" />
            电话：@CommonAppService.Current.GetSettingValue("CMS", "Telephone")<br />
            邮箱：@CommonAppService.Current.GetSettingValue("CMS", "Email")<br />
            地址：@CommonAppService.Current.GetSettingValue("CMS", "Address")<br />
            解释权归属智选宜讯（北京）信息科技有限公司
            <br />
            <a href="/">首页</a> /
            <a href="@Url.Action("Detail", "Catalogs", new { Key = "Services" })">产品服务</a> /
            <a href="@Url.Action("Detail", "Catalogs", new { Key = "AboutUs" })">关于我们</a>
            <p>@CommonAppService.Current.GetSettingValue("CMS", "CP")</p>
        </div>
    </div>
    <!--通用底部 结束-->

    <script src="~/App_Content/Script/jquery-1.8.2.min.js"></script>
    <script>
        console.log(124214212141)
    </script>
    <script src="~/App_Content/Script/jquery.lazyload.min.js"></script>
    <script src="~/App_Content/Script/common.js"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script src="/WX/Weixins/JSConfig?debug=false&r=@DateTime.Now.Ticks"></script>
    <script src="~/App_Content/Script/weixin-script.js"></script>
    <script>
 
        var $imgs = $('.slider-imgs .slider-imgs-item');
        var zIndexMax = 9;
        var timer = 0;
        var imgCount = $imgs.length;
        var $pager = $('.slider-pager');
        var Slider = {
            index: 0
            , init: function () {
                var pagerHtml = '';
                for (var i = 0; i < imgCount; i++) {
                    pagerHtml += '<li data-index="' + i + '"><i></i></li>';
                }
                $pager.html(pagerHtml);

                $pager.delegate('li', 'click', function () {
                    var index = $(this).attr('data-index');
                    Slider.gotoAndPlay(index);
                });


            }

            , gotoAndPlay: function (index) {
                Slider.index = index;
                Slider.autoPlay();
            }
            , play: function () {
                zIndexMax++;
                $pager.find('.on').removeClass('on');
                $pager.find('li').eq(Slider.index).addClass('on');
                $imgs.eq(Slider.index).css({
                    'z-index': zIndexMax,
                    opacity: 0
                }).animate({
                    opacity: 1
                }, 300);
            }
            , autoPlay: function () {
                clearTimeout(timer);
                Slider.index = Slider.index % imgCount;
                Slider.play();
                timer = setTimeout(function () {
                    Slider.index++;
                    Slider.autoPlay();
                }, 3000);
            }
            , next: function () {
                Slider.index++;
                Slider.autoPlay();
            }
            , prev: function () {
                if (Slider.index == 0) {
                    Slider.index = imgCount - 1;
                } else {
                    Slider.index--;
                }
                Slider.autoPlay();
            }
        };
        Slider.init();
        Slider.autoPlay();

        var onResize = function () {
            var h = $(window).height();
            var w = $(window).width();
            if (h > w) {
                h = h / 2.5;
            }
            $('#slider,#slider .slider-imgs-item').css('height', h);
        };
        onResize();
        $(window).resize(onResize);


    </script>
    <script>
    $(function () {
        //----------分享-----------
        var shareTitle = $("#shareTitle").val();
        var shareContent = $("#shareContent").val();
        var imgUrl = $("#shareImage").val();
        var shareUrl = $("#shareUrl").val();
        var appId = '';
        var reportfunc = {
            success: function () {
            }
                , cancel: function () {
                }
        };
        initShare(shareTitle, shareContent, imgUrl, shareUrl, appId, reportfunc);
        //----------分享-----------
    });
    </script>

</body>
</html>
